<!DOCTYPE html>
<html lang="zh-cn">
<head>
  <meta charset="UTF-8" />
 
  <title>范国强个人简历</title>

  <!--公共样式-->
  <link rel="stylesheet" type="text/css" href="css/reset.css" />

  <!--公共脚本-->
  <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
  <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
  <script type="text/javascript" src="js/jquery.fullPage.min.js"></script>
  <!--dialog-->
  <!--artdiolag-->
  <script type="text/javascript" src="js/artDialog4_jb51net/jquery.artDialog.js"></script>
  <script type="text/javascript" src="js/artDialog4_jb51net/artDialog.iframe.js"></script>
  <link rel="stylesheet" type="text/css" href="js/artDialog4_jb51net/skins/default.css" />

  <!--前端脚本-->
  <script type="text/javascript" src="js/common.js"></script>


</head>

<body>
  <!--导航-->
  <div class="menu" id="menu">
    <div class="container_1000 m_center cf">
      <h1 class="logo">
        <a href="#page1">
          <span>
            <i class="l_1"></i>
            <i class="l_2"></i>
            <i class="l_3"></i>
            <i class="l_4"></i>
          </span>
        </a>
      </h1>
      <ul class="nav">
        <li data-menuanchor="page1" class="active"><a href="#page1">个人简介</a></li>
        <li data-menuanchor="page2"><a href="#page2">个人技能</a></li>
        <li data-menuanchor="page3"><a href="#page3">工作经历</a></li>
        <li data-menuanchor="page4"><a href="#page4">联系方式</a></li>
      </ul>
    </div>
  </div>

  <div id="js_fullpage">

    <!--个人简介-->
    <div class="section">
      <div class="container container_1000 m_center align_center">
        <p class="mb20">
          <span class="head">
            <span class="zz"></span>
            <span class="border"></span>
            <img src="images/head.png" width="169" height="169" />
          </span>
        </p>
        <p class="p_info mb20">
          <span class="p_name">范国强</span>
          <br />
          <span class="p_zhiwei">前端工程师</span>
        </p>
        <p>
          <span class="zhishi zhishi_1"></span>
        </p>
        <p>
          <span class="zhishi zhishi_2"></span>
        </p>
        <p class="mb10">
          <span class="zhishi zhishi_3"></span>
        </p>

        <p class="mb30">
          <span class="title_1">工作经历</span>
        </p>
        <div class="wrap_time m_center cf">
          <span class="time_start"></span><span class="time_end"></span>
          <div class="jingli time_1">
            <p class="jingli_time">2015-01 — 至今</p>
            <p class="jingli_info">武汉明源动力软件有限公司 前端开发工程师</p>
          </div>
          <div class="jingli time_1">
            <p class="jingli_time">2014-05 — 2015-01</p>
            <p class="jingli_info">武汉拾艺信息技术有限公司 前端开发</p>
          </div>
          <div class="jingli time_2">
            <p class="jingli_time">2013-10 — 2014-04</p>
            <p class="jingli_info">武汉尚软科技 前端工程师</p>
          </div>
          <div class="jingli time_3">
            <p class="jingli_time">2012-07 — 2013-09</p>
            <p class="jingli_info">武汉千军软件 前端工程师</p>
          </div>
        </div>
      </div>
    </div>

    <!--个人技能-->
    <div class="section bg_fff m_center align_center">
      <p class="mb30">
        <span class="img_bg title_jn">个人技能</span>
      </p>
      <p>
        <span class="zhishi zhishi_1"></span>
      </p>
      <p>
        <span class="zhishi zhishi_2"></span>
      </p>
      <p class="mb20">
        <span class="zhishi zhishi_3"></span>
      </p>
      <div class="list_icon">
        <p class="icon_cell icon_cell_1">
          <span class="icon_ico img_bg"></span>
          <span class="icon_txt img_bg"></span>
        </p>
        <p class="icon_cell icon_cell_2">
          <span class="icon_ico img_bg"></span>
          <span class="icon_txt img_bg"></span>
        </p>
        <p class="icon_cell icon_cell_3">
          <span class="icon_ico img_bg"></span>
          <span class="icon_txt img_bg"></span>
        </p>
        <p class="icon_cell icon_cell_4">
          <span class="icon_ico img_bg"></span>
          <span class="icon_txt img_bg"></span>
        </p>
        <p class="icon_cell icon_cell_5">
          <span class="icon_ico img_bg"></span>
          <span class="icon_txt img_bg"></span>
        </p>
        <div class="txt_intro">
          <p>■ 精通html、css、css3，有非常良好的书写规范，能写出合理的html结构、精简且复用性高的css，对浏览器样式兼容有一定心得；</p>
          <p>■ 熟练使用javascript，拥有丰富的业务性和UI交互性的javascript开发经验，拥有一定的javascript浏览器兼容经验；</p>
          <p>■ 有良好规范的代码开发习惯，输出的代码可读性高，能减少后期开发人员维护成本；</p>
          <p>■ 有丰富的组件式开发经验，能根据项目的要求，提前规划好前端架构以及复用性高、灵活度高的前端组件；</p>
          <p>■ 对CSS3动画能很好的理解，目前自主设计维护了一套CSS3动画库，适用于H5动画快速应用，已发布在oschina码云<br /></p>
          <p style="padding-left:12px;">发布地址：<a href="..........................."
              target="_blank">https://gitee.com/xulongchang/animate.css.git</a></p>
        </div>
      </div>
    </div>

    <!--项目经历-->
    <div class="section m_center align_center">
      <p class="mb30">
        <span class="title_1">工作经历</span>
      </p>
      <p>
        <span class="zhishi zhishi_1"></span>
      </p>
      <p>
        <span class="zhishi zhishi_2"></span>
      </p>
      <p class="mb20">
        <span class="zhishi zhishi_3"></span>
      </p>
      <div class="container container_1000 m_center cf">
        <div class="container_case" style="height:50%;">
          <div class="container wrap_case cf" id="js_wrap_case">
            <ul class="list_case focus">
              <li class="cell" style="width:100%;min-height:10px;margin-bottom:10px;">
                <div><span class="title">公司名称：</span>武汉明源动力软件有限公司</div>
                <div><span class="title">工作时间：</span>2015年——至今</div>
              </li>
              <li class="cell">
                <div><span class="title">项目名称：明源工作流</span></div>
                <div>
                  <p><span
                      class="title">项目描述：</span>明源工作流属于明源的核心业务，但由于历史原因，使用的技术比较老旧，使用版本一直限制在IE6甚至以下的浏览器版本中，且由于大量的补丁式升级已经无法满足新的使用需求。
                  </p>
                </div>
                <div>
                  <p><span
                      class="title">责任描述：</span>在项目原有需求上，使用layui作为UI框架基础，gulp作为前端构建，历时多次迭代开发，本次重构中，我负责提供前端UI框架和整体架构，并负责开发底层组件供实际业务页面重复使用。
                  </p>
                </div>
              </li>
              <li class="cell">
                <div><span class="title">项目名称：明源移动计划</span></div>
                <div>
                  <p><span class="title">项目描述：</span>明源移动计划定位与服务公司的项目计划以及实施监督，产品拥有PC端和移动端。</p>
                </div>
                <div>
                  <p><span
                      class="title">责任描述：</span>我在本次产品中主要负责PC以及移动端的前端组件开发和业务界面开发，PC端采用组件开发模式；移动端采用Vue作为前端框架，前后端分离分类开发维护。
                  </p>
                </div>
              </li>
              <li class="cell" style="width:100%;">
                <div><span class="title">项目名称：明源云售楼平台</span></div>
                <div>
                  <p><span
                      class="title">项目描述：</span>明源云售楼平台是明源的核心产品之一，主要为各地产开发商提供集楼盘销售、管理等相关流程操作的erp，15年至17年前后经过了几次大的重构改版，本产品基于miniui作为前端UI框架，使用seajs进行前端模块化的开发，由于售楼平台复杂的业务，模块化的方式使各个业务之间的逻辑代码更加的清晰，开发人员的可维护性也大大提升。
                  </p>
                </div>
                <div>
                  <p><span class="title">责任描述：</span>我在本次产品中主要负责公共组件的开发和维护，以及部分业务模块的页面界面开发维护。</p>
                </div>
              </li>
            </ul>
            <ul class="list_case">
              <li class="cell" style="float:none;margin:0 auto;width:70%;min-height:10px;">
                <div><span class="title">公司名称：</span>武汉拾艺信息技术有限公司</div>
                <div><span class="title">工作时间：</span>2015年——至今</div>
              </li>
              <li class="cell" style="float:none;margin:0 auto 30px;width:70%;min-height:10px;">
                <div>
                  <p><span
                      class="title">工作经历：</span>武汉拾艺信息技术有限公司是本人与其他合伙人创办的一家创业型公司，主要负责与客户业务谈判以及网站的设计和前端制作，设计的产品类型和行业比较多，以PC端和移动端门户、H5交互页面为主。
                  </p>
                </div>
              </li>

              <li class="cell" style="float:none;margin:0 auto;width:70%;min-height:10px;">
                <div><span class="title">公司名称：</span>武汉武汉尚软科技有限公司</div>
                <div><span class="title">工作时间：</span>2013.09-2014.03</div>
              </li>
              <li class="cell" style="float:none;margin:0 auto 30px;width:70%;min-height:10px;">
                <div>
                  <p><span
                      class="title">工作经历：</span>武汉尚软属于一个外包性的互联网服务公司，在公司内担任前端主管的职位，负责公司内部重要外包任务的开发，参与开发了几个大型的网站前端开发以及网站UI设计工作，同事负责协调公司内部其他前端开发的进度和质量。
                  </p>
                </div>
              </li>

              <li class="cell" style="float:none;margin:0 auto;width:70%;min-height:10px;">
                <div><span class="title">公司名称：</span>武汉千军软件有限公司</div>
                <div><span class="title">工作时间：</span>2012.07-2013.09</div>
              </li>
              <li class="cell" style="float:none;margin:0 auto;width:70%;min-height:10px;">
                <div>
                  <p><span class="title">工作经历：</span>主要负责公司自有产品的前端开发以及产品UI界面设计工作，参与了产品的UI设计、产品规划以及前端的开发和功能实现。</p>
                </div>
              </li>
            </ul>
          </div>
        </div>
        <div class="tips" id="js_tips">
          <span class="focus">2015~2019</span>
          <span>2012~2015</span>
        </div>
      </div>
    </div>

    <!--约-->
    <div class="section align_center">
      <p class="mb30 first">
        <span class="img_bg title_jn">联系方式</span>
      </p>
      <p>
        <span class="zhishi zhishi_1"></span>
      </p>
      <p>
        <span class="zhishi zhishi_2"></span>
      </p>
      <p class="mb20">
        <span class="zhishi zhishi_3"></span>
      </p>
      <p>
        <span class="yue_info yue_1"><i>电话：11111111111</i></span>
      </p>
      <p>
        <span class="yue_info yue_2"><i>邮箱：1942343023@qq.com</i></span>
      </p>
      <p>
        <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1942343023&site=qq&menu=yes"
          class="yue_info yue_3"><i>QQ：1942343023<span style="font-size:18px;">（点击在线交谈）</span></i></a>
      </p>
    </div>
  </div>
</body>
</html>